<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>有货</title>

    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5/css/bootstrap.min.css">

	<!-- 可选的Bootstrap主题文件（一般不用引入） -->
	<link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5/css/bootstrap-theme.min.css">
    <script src="./Public/Home/jquery-1.11.3/jquery.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/index.css">
	<link rel="stylesheet" href="./Public/Home/Css/common.css">
	<script type="text/javascript" src="./Public/Home/Js/index.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/login.css">
	<!-- 注：这儿不能引用注册的css，不然会将这儿的样式给覆盖 -->
	<link rel="stylesheet" href="./Public/Home/Css/pay.css">
	<script type="text/javascript" src="./Public/Home/Js/pay.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/order.css">
	<script type="text/javascript" src="./Public/Home/Js/order.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/pay-page.css">
	<script type="text/javascript" src="./Public/Home/Js/pay-page.js"></script>
</head>
<body>
<header>
	<div id="simple-header">
		<div class="header-inner">
	<span class="logo">
		<a href=""><img src="./Public/Home/Images/logo/logo_e.png" alt=""></a>
	</span>
	<ul class="header-tool">
			<li id="Login">
			<span>Hi~</span>
			<a href="">3333</a>
			<a href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Login&a=quit">退出</a>
		</li>
			<li class="tool-options">
			<span>
				<a href="">MY有货</a>
			</span>
			<i></i>
			<div class="tool-select">
				<a href="">我的收藏</a>
				<a href="">优惠券</a>
			</div>
		</li>
		<li>
			<a href="">订单中心</a>
		</li>
		<li>
			<a href="">帮助中心</a>
		</li>
		<li>
			<i class="logo-phone"></i>
			<a href="">400-8899-646</a>
		</li>
	</ul>
</div>
	</div>
</header>
<article>
	<!-- 我的购物车 -->
	<div id="cart-all">
		<div id="cart-page">
		<!-- 进度条 -->
			<div class="cart-pag-line">
				<span></span>
				<i></i>
				<span></span>
				<i></i>
				<!-- 这儿的进度条样式添加cart-cur -->
				<span  class="cart-cur"></span>
			</div>
			<!-- 进度条提示 -->
			<div class="cart-pag-prompt">
				<span class="cart-prompt-left">查看购物车</span>
				<!-- 这儿进度条的样式是添加cart-prompt-cur -->
				<span>填写订单</span>
				<span class="cart-prompt-right cart-prompt-cur">付款，完成购买</span>
			</div>
		</div>
	</div>
	<!-- 订单完成 -->
	<div id="pay-success">
		<div class="cart-pay">
			<span></span>
			<p>您的订单已成功，现在就去付款吧～</p>
		</div>
		<div class="pay-information">
			您的订单号：
			<strong class="order-num">1609391540</strong>
			应付金额：
			<strong>179.00</strong>元
			&nbsp;&nbsp;&nbsp;&nbsp;支付方式：在线支付
			&nbsp;&nbsp;&nbsp;&nbsp;送货时间：只工作日送货（双休日、节假日不用送）
		</div>
		<p class="user-information">
			<span>183****7659</span>,如果2小时内您无法完成付款，系统会将您的订单取消。
		</p>
	</div>
	<!-- 支付方式 -->
	<div id="use-method">
		<div class="method-show">
			<span>使用：</span>
			<img src="./Public/Home/Images/pay-page/weixinzhifu.png" alt="">
		</div>
		<div class="container method-list">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="tabbable" id="tabs-603612">
						<ul class="nav nav-tabs">
							<li class="active _user-action ">
								 <a href="#panel-938446" data-toggle="tab">支付宝等平台</a>
							</li>
							<li class=" _user-action">
								 <a href="#panel-99232" data-toggle="tab">使用银行卡</a>
							</li>
						</ul>
						<!-- 支付宝等平台支付 -->
						<div class="tab-content">
							<div class="tab-pane active _tab-pane" id="panel-938446">
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
							</div>
							<!-- 银行卡支付 -->
							<div class="tab-pane  _tab-pane" id="panel-99232">
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
								<a href="">
									<img src="" alt="">
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 前往哪个支付方式去 -->
	<div id="btn-wrapper">
		<input id="btnby" class="btnby" type="submit" value="前往支付宝">
		<!-- 这儿取的是value值 -->
	</div>
</article>
<footer>
	<div id="footer-top">
		<div class="footer-left">
			<div class="footer-float">
				<span class="iconfont rgbf"></span>
				<span class="red">100%</span>
				<span class="rgbf">品牌正品</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fCenter"></span>
				<span class="red">7天</span>
				<span class="rgbf">无理由退换货</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fRight"></span>
				<span class="red">便捷</span>
				<span class="rgbf">在线客服</span>
			</div>
			<div class="footer-right">
				<input type="text" name="" value=""  placeholder="订阅我们的邮件" id="foot-text">
				<a href="" id="footer-submit"></a> 
			</div>
		</div>
	</div>
	<div id="footer-center">
		<div class="footer-help">
			<ul class="clearfix">
				<li class="fix-left">
					<p>
						<span>新手指南</span>
					</p>
					<p>
						<a href="">注册登录</a>
					</p>
					<p>
						<a href="">选购商品</a>
					</p>
					<p>
						<a href="">订单支付</a>
					</p>
					<p>
						<a href="">收货退款</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>会员中心</span>
					</p>
					<p>
						<a href="">YOHO币</a>
					</p>
					<p>
						<a href="">会员制度</a>
					</p>
					<p>
						<a href="">账户管理</a>
					</p>
					<p>
						<a href="">密码管理</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>购物指南</span>
					</p>
					<p>
						<a href="">全球购专区</a>
					</p>
					<p>
						<a href="">尺码选择</a>
					</p>
					<p>
						<a href="">发票</a>
					</p>
					<p>
						<a href="">商品咨询</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>支付方式</span>
					</p>
					<p>
						<a href="">在线支付</a>
					</p>
					<p>
						<a href="">货到付款</a>
					</p>
					<p>
						<a href="">优惠券</a>
					</p>
					<p>
						<a href="">YOHO币支付</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>配送方式</span>
					</p>
					<p>
						<a href="">配送时间</a>
					</p>
					<p>
						<a href="">配送范围</a>
					</p>
					<p>
						<a href="">顺丰速运</a>
					</p>
					<p>
						<a href="">商品验收与签收</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>售后服务</span>
					</p>
					<p>
						<a href="">退换货政策</a>
					</p>
					<p>
						<a href="">退换货流程</a>
					</p>
					<p>
						<a href="">退款方式与时效</a>
					</p>
					<p>
						<a href="">投诉与建议</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>APP常见问题</span>
					</p>
					<p>
						<a href="">IPhone版</a>
					</p>
					<p>
						<a href="">Android版</a>
					</p>
					<p>
						<a href="">wap版</a>
					</p>
					<p>
						<a href="">IPAD版</a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer-buttom">
		<div class="footer-link">
			<div id="footer-link-left">
				<a href=""><img src="./Public/Home/Images/content/13.png" alt="" class="pin1"></a>
				<a href=""><img src="./Public/Home/Images/content/14.png" alt="" class="pin2"></a>
			</div>
			<div id="footer-link-right">
				<p class="link-top">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!BUY 有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p class="link-buttom">
					 CopyRight © 2007-2016 南京新与力文化传播有限公司
					<a class="rbg6" target="_blank" href="http://www.miibeian.gov.cn/">苏ICP备09011225号</a>
					NewPower Co. 版权所有 经营许可证编号：苏B2-20120395 
				</p>
			</div>
		</div>
	</div>
</footer>
 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <script type="text/javascript" src="./Public/Home/Js/jquery-1.8.2.min.js"></script> -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="./Public/Home/bootstrap-3.3.5/js/bootstrap.min.js"></script>
</body>
</html>